<style>
    .table tr td {
        border: 1px solid #e7e7e7;
        word-break: break-all;
    }

    .font-bold {
        font-weight: bold;
    }
    .planeCenter{
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: rgba(58, 93, 223, 0.71);
    color: #ebeefa;
	}

.planeCenter-num {
    font-size: 20px
}

.plane-Center-btn{
    padding-top: 15px;
}

.photo-Info-list {
    padding-top: 30px;
    padding-bottom: 15px;
}

</style>
<div class="bg-light lter b-b wrapper-md">
    <h1 class="m-n font-thin h3" translate="nav.planCenter"></h1>
</div>
<div class="wrapper-md" ng-controller="PlanCenterCtrl">

    <div class="col-md-1"></div>
    <div class=" col-md-10 ">
        <div class="row  text-center " style="padding-top: 100px" >
            <div class="col-sm-5 panel  planeCenter" >
                    <div class="col-sm-3">
                        <!-- <img src="app/modules/muckCar/track/img/car.png" alt="...">-->
                        <img src="app/modules/basic/plancenter/report.png" alt="...">
                    </div>
                    <div class="col-sm-5">
                        <div class="text-white font-thin planeCenter-num"> {{vm.pedingReport}}</div>
                        <span class="text-white text-lg">{{'planCenter.pendingReports'|translate}}</span>
                    </div>
                    <div ui-sref="app.patrol.list({action:'report'})" class="col-sm-4 plane-Center-btn">
                        <button class="center text-right btn m-b-xs w-xs btn-primary btn-rounded center" translate="common.doPlan">
                        </button>
                    </div>
            </div>
            <div class="col-sm-1 "></div>
            <div class="col-sm-5 panel  planeCenter" >
                <div class="col-sm-3">
                    <img src="app/modules/basic/plancenter/liscence.png" alt="...">
                </div>
                <div class="col-sm-5">
                    <div class="text-white font-thin planeCenter-num"> {{vm.pendingIdentifiedLicense}}</div>
                    <span class="text-white text-lg">{{'planCenter.pendingIdentifiedLicense'|translate}}</span>
                </div>
                <div ui-sref="app.muckCar.manualrec" class="col-sm-4 plane-Center-btn">
                    <button class="center text-right btn m-b-xs w-xs btn-primary btn-rounded center" translate="common.doPlan">
                    </button>
                </div>
            </div>
            <div class="col-sm-1 "></div>
            <div class="col-sm-5 panel  planeCenter " >
                <div class="col-sm-3">
                    <img src="app/modules/basic/plancenter/plan.png" alt="...">
                </div>
                <div class="col-sm-5">
                    <div class="text-white font-thin planeCenter-num"> {{vm.pendingApprovalPlan}}</div>
                    <span class="text-white text-lg">{{'planCenter.pendingApprovalPlan'|translate}}</span>
                </div>
                <div ui-sref="app.plan.list" class="col-sm-4 plane-Center-btn">
                    <button class="center text-right btn m-b-xs w-xs btn-primary btn-rounded center" translate="common.doPlan">
                    </button>
                </div>
            </div>
            <div class="col-sm-1 "></div>
            <div class="col-sm-5 panel  planeCenter">
                <div class="col-sm-3">
                    <img src="app/modules/basic/plancenter/task.png" alt="...">
                </div>
                <div class="col-sm-5">
                    <div class="text-white font-thin planeCenter-num"> {{vm.pendingCarriedtasks}}</div>
                    <span class="text-white text-lg">{{'planCenter.pendingCarriedtasks'|translate}}</span>
                </div>
                <div ui-sref="app.cp.patrolTask({userId: app.loginUser.id})" class="col-sm-4 plane-Center-btn">
                    <button class="center text-right btn m-b-xs w-xs btn-primary btn-rounded center" translate="common.doPlan">
                    </button>
                </div>
            </div>
            <div class="col-sm-1 "></div>
        </div>
    </div>
</div>

